<html>
    
    <head>
        <title>Thumbnails</title>
    <link media="screen" rel="stylesheet" href="colorbox.css" />
	<script src="jquery.js"></script>
	<script src="color/jquery.colorbox.js"></script>
   	<script>
		$(document).ready(function(){
			//Examples of how to assign the ColorBox event to elements
			$("a[rel='colorbox']").colorbox();
			
			});
	</script>

    </head>
    <body>
        <table cellspacing="0" cellpadding="2" width="500">
            <tr>
                <td valign="middle" align="center">
                    <a rel='colorbox' href="gallery/Blue hills.jpg"><img src="thumbs/Blue hills.jpg" border="0" /></a>
                </td>
                <td  valign="middle" align="center">
                    <a rel='colorbox' href="gallery/Sunset.jpg"><img src="thumbs/Sunset.jpg" border="0" /></a>
                </td>
                <td valign="middle" align="center">
                    <a  rel='colorbox' href="gallery/Water lilies.jpg"><img src="thumbs/Water lilies.jpg" border="0" /></a>
                </td>
                <td valign="middle" align="center">
                    <a  rel='colorbox' href="gallery/Winter.jpg"><img src="thumbs/Winter.jpg" border="0" /></a>
                </td>
            </tr>
            </table>
    </body>
</html>